<template>
  <div class="loginPart">
<!--     <van-form validate-first @failed="onFailed"> -->
  <!-- 通过 pattern 进行正则校验 -->
<!--   <van-field
    v-model="value1"
    name="pattern"
    placeholder="正则校验"
    :rules="[{ pattern, message: '请输入正确内容' }]"
  /> -->
  <!-- 通过 validator 进行函数校验 -->
<!--   <van-field
    v-model="value2"
    name="validator"
    placeholder="函数校验"
    :rules="[{ validator, message: '请输入正确内容' }]"
  /> -->
  <!-- 通过 validator 进行异步函数校验 -->
<!--   <van-field
    v-model="value3"
    name="asyncValidator"
    placeholder="异步函数校验"
    :rules="[{ validator: asyncValidator, message: '请输入正确内容' }]"
  />
  <div style="margin: 16px;">
    <van-button round block type="info" native-type="submit">提交</van-button>
  </div> -->
<!-- </van-form> -->
  </div>
</template>
<script>
// import { toLogin } from '../request/API.js'
import { Toast } from 'vant'

export default {
  name: 'ShopView',
  data () {
    return {
      username: '',
      password: '',
      //
      value1: '',
      value2: '',
      value3: '',
      pattern: /\d{6}/
    }
  },
  methods: {
    // 发送登录请求
  /*     async login () {
      const { data: res } = await toLogin({
        phone: this.username,
        password: this.password
      })
      console.log(res)
    }, */
    //
    // 校验函数返回 true 表示校验通过，false 表示不通过
    validator (val) {
      return /1\d{10}/.test(val)
    },
    // 异步校验函数返回 Promise
    asyncValidator (val) {
      return new Promise((resolve) => {
        Toast.loading('验证中...')

        setTimeout(() => {
          Toast.clear()
          resolve(/\d{6}/.test(val))
        }, 1000)
      })
    },
    onFailed (errorInfo) {
      console.log('failed', errorInfo)
    }
  }
}
</script>
<style lang="less" scoped>
</style>
